import React,{Component} from 'react';
import {Link,NavLink} from 'react-router-dom';
import Footer from '../page/Footer.js';
import '../../css/reset.css';
import '../../css/history.css';

export default class History extends Component{
	render(){
		return(
			<div>
				<div id="header">
					<header className="head-top">
						<div className="go-back">
							<a href="travel.html">
								<i className="goback-icon"></i>
							</a>
						</div>
						<div className="title">
							<h3>登录</h3>
						</div>
						<div className="register">
							清空
						</div>
					</header>
				</div>
		
				<div id="wrapper">
					<div id="scroller">
						
						<section className="main">
							<div className="history-list">
								<div className="history-time">
									今天
								</div>
								<div className="history-item">
									<i className="his-icon"></i>
									<div className="his-content">
										<a href="#">
											<div className="his-wrapper clearfix">
												<div className="his-tit">
													<h3>
											云南昆明+大理+丽江+西双版纳 8日7晚跟团游·享4飞经典套餐8日7晚跟团游·享4飞经典套餐
											</h3>
													<span className="sale-price">
												<i>¥</i>
												<strong>
													2900
												</strong>
												<em>起</em>
											</span>
												</div>
												<div className="his-img">
													<img src="images/img/history-lis0421_03.jpg" alt="" />
												</div>
											</div>
										</a>
									</div>
								</div>
								<div className="history-item">
									<i className="his-icon"></i>
									<div className="his-content">
										<a href="#">
											<div className="his-wrapper clearfix">
												<div className="his-tit">
													<h3>
											海南三亚6日5晚跟团游(5钻)纯 玩薄款·限时促！红树林酒店 
											</h3>
													<span className="sale-price">
												<i>¥</i>
												<strong>
												3969
												</strong>
												<em>起</em>
											</span>
												</div>
												<div className="his-img">
													<img src="images/img/history-lis0421_06.jpg" alt="" />
												</div>
											</div>
										</a>
									</div>
								</div>
								<div className="history-item">
									<i className="his-icon"></i>
									<div className="his-content">
										<a href="#">
											<div className="his-wrapper clearfix">
												<div className="his-tit">
													<h3>
											摄影之旅·广西桂林+漓江+阳朔 +南宁+德天瀑布+巴马+北海
											</h3>
													<span className="sale-price">
												<i>¥</i>
												<strong>
													3021
												</strong>
												<em>起</em>
											</span>
												</div>
												<div className="his-img">
													<img src="images/img/history-lis0421_08.jpg" alt="" />
												</div>
											</div>
										</a>
									</div>
								</div>
		
							</div>
							<div className="history-list">
								<div className="history-time">
									昨天
								</div>
								<div className="history-item">
									<i className="his-icon"></i>
									<div className="his-content">
										<a href="#">
											<div className="his-wrapper clearfix">
												<div className="his-tit">
													<h3>
											乐园游·泰国普吉岛7日跟团游 (5钻)·【A线直飞】0自费 全程 
											</h3>
													<span className="sale-price">
												<i>¥</i>
												<strong>
												5596
												</strong>
												<em>起</em>
											</span>
												</div>
												<div className="his-img">
													<img src="images/img/history-lis0421_10.jpg" alt="" />
												</div>
											</div>
										</a>
									</div>
								</div>
							</div>
							<div className="history-list">
								<div className="history-time">
									前天
								</div>
								<div className="history-item">
									<i className="his-icon"></i>
									<div className="his-content">
										<a href="#">
											<div className="his-wrapper clearfix">
												<div className="his-tit">
													<h3>
											巴厘岛7日5晚自由行(5钻)2晚私密别墅+3晚海边酒店·蜜月
											</h3>
													<span className="sale-price">
												<i>¥</i>
												<strong>
													5963
												</strong>
												<em>起</em>
											</span>
												</div>
												<div className="his-img">
													<img src="images/img/history-lis0421_12.jpg" alt="" />
												</div>
											</div>
										</a>
									</div>
								</div>
								<div className="history-item">
									<i className="his-icon"></i>
									<div className="his-content">
										<a href="#">
											<div className="his-wrapper clearfix">
												<div className="his-tit">
													<h3>
											九江+景德镇+婺源4日跟团游 (4钻)·花开正浓 梯田花海深  
											</h3>
													<span className="sale-price">
												<i>¥</i>
												<strong>
													2966
												</strong>
												<em>起</em>
											</span>
												</div>
												<div className="his-img">
													<img src="images/img/history-lis0421_14.jpg" alt="" />
												</div>
											</div>
										</a>
									</div>
								</div>
							</div>
		
						</section>
		
					</div>
				</div>
				<Footer/>
			</div>
		)
	}
}
